// WFFW(Webfront Framework) of W3SDK - w3sdk-1.5.0-beta (http://w3cut.cn Copyright©2019 W3)
//
// helper - 2019/12/20
// 说明：助理样式
// 用法：wffw 项目中引用

//
// settings
//

//
// function
//

@mixin cf() {
	&::after {
		content: "";
		display: block;
		clear: both;
	}
}

//
// maincode
//

._list {
	overflow: hidden;

	@for $i from 1 through 6 {
		$p: percentage(1 / $i);
		&.s#{$i} {
			.ul {
				.li {
					width: $p;
				}
			}
		}
	}

	.ul {
		@include cf();

		.li {
			float: left;
		}
	}
}

._lrct {
	@include cf();

	& > .l {
		float: left;
	}
	& > .r {
		float: right;
	}
	& > .p {
		float: left;
		width: 50%;
	}
}

@mixin _cover($postion: "f") {
	content: "";
	position: absolute;
	z-index: 1;

	@if $postion== "f" {
		top: 0;
		height: 100%;
		left: 0;
		width: 100%;
	}
	@if $postion== "t" {
		top: 0;
		left: 0;
		width: 100%;
	}
	@if $postion== "r" {
		top: 0;
		right: 0;
		height: 100%;
	}
	@if $postion== "b" {
		bottom: 0;
		left: 0;
		width: 100%;
	}
	@if $postion== "l" {
		top: 0;
		left: 0;
		height: 100%;
	}
}
._cover {
	@include _cover();
}

@mixin _icon($width, $height, $image-url: none) {
	content: "";
	display: inline-block;
	width: $width;
	height: $height;
	background: $image-url no-repeat center;
	background-size: 100% 100%;
	vertical-align: middle;
}
